.flows {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;

  .step {
    .flex-row-start();

    .step-flag {
      padding: 5px 4px 5px 8px;
      background-color: @primary-color;
      color: white;
      .flex-row-start();
      font-size: @font-size-mini;
      border-radius: 3px 0 0 3px;
      position: relative;
      margin-right: 20px;

      &::after {
        content: "";
        position: absolute;
        top: 0;
        right: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 0 11px 10px;
        border-color: transparent transparent transparent @primary-color;
      }
    }

    span {
      font-size: @font-size-small;
    }
  }

  .step-content {
    width: 100%;
    padding: 30px 0;

    .result-content {
      width: 100%;
      padding: 30px 0;
      max-height: 500px;
      overflow-y: auto;
    }
  }
}